<!DOCTYPE html>
<html>

<head>
    {include file="public/header"/}
</head>

<body>
    <div id="all">
        <!-- Top bar-->
        {include file="public/navigation"/}
        <!-- Navbar End-->
        <div id="heading-breadcrumbs">
            <div class="container">
                <div class="row d-flex align-items-center flex-wrap">
                    <div class="col-md-7">
                        <h1 class="h2">About Us</h1>
                    </div>
                    <div class="col-md-5">
                        <ul class="breadcrumb d-flex justify-content-end">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active">About Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="content">
            <div class="container  ">
                <section class="bar">
                    <div class="row">
                        <div class="col-lg-12">
                            <!-- <div class="heading text-center">
                                <h2>简介</h2>
                            </div> -->
                            <p class="lead">{$mess.content}</p>
                            <br>
                            <br>
                        </div>
                    </div>
                </section>
                <section class="bar background-white">
                    <div class="container text-center">
                        
                        <div class="row">
                            <div class="col-md-12">
                                <div class="heading">
                                    <h2>核心服务</h2>
                                </div>
                              <!--   <p class="lead">Yielding, they're air. Land replenish spirit given gathered subdue, day Blessed you'll great created, lights a one light, blessed deep morning, appear our. Fruit multiply, creeping first image. Upon saw isn't male winged to replenish tree and.</p> -->
                            </div>
                        </div>
                        
                        <div class="row">
                            {volist name="$addonMess.service" id="v"}
                            <div class="col-lg-4 col-md-6">
                                <div class="box-simple">
                                    <div class="icon-outlined"><i class="fa {$v.icon}"></i></div>
                                    <h3 class="h4">{$v.name}</h3>
                                    <p>{$v.content}</p>
                                </div>
                            </div>
                            {/volist}                            
                        </div>
                    </div>
                </section>
                <section class="bar mt-0  text-center">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="heading">
                                <h2>核心技能</h2>
                            </div>
                            <div style=" height: 20px; border-radius: 0; margin-bottom: 20px;" class="progress">
                                <div role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;" class="progress-bar bg-primary">文案策划</div>
                            </div>
                            <div style=" height: 20px; border-radius: 0; margin-bottom: 20px;" class="progress">
                                <div role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;" class="progress-bar bg-primary">视频编导</div>
                            </div>
                            <div style=" height: 20px; border-radius: 0; margin-bottom: 20px;" class="progress">
                                <div role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" class="progress-bar bg-primary">网站建设</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="heading">
                                <h2>服务理念</h2>
                            </div>
                            <ul class="ul-icons list-unstyled">
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>顾客就是上帝
                                </li>
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>强烈的时间观念
                                </li>
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>站在客户的角度思考
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <div class="heading">
                                <h2>价值体现</h2>
                            </div>
                            <ul class="ul-icons list-unstyled">
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>我们用知识武装头脑
                                </li>
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>我们用汗水赚取薪水
                                </li>
                                <li>
                                    <div class="icon-filled"><i class="fa fa-check"></i></div>我们用时间创造价值
                                </li>
                            </ul>
                        </div>
                    </div>
                </section>
            </div>
            <!-- FOOTER -->
            {include file="public/footer"/}
        </div>
        <!-- Javascript files-->
        {include file="public/script"/}
</body>

</html>